<template name="createChannelId">
  <h2 class="font-weight-light my-3">最后，还需要为你的{{name}}设置一个ID</h2>
  <p>选择一个独一无二的频道ID，任何人可以通过搜索ID找到你的频道</p>
  <div class="form-group">
    <label for="channel-id">ID<span class="text-muted">（只能包含字母，数字和下划线）</span></label>
    <div class="input-group">
      <div class="input-group-prepend">
        <span class="input-group-text">@</span>
      </div>
      <input type="text" class="form-control" id="channel-id" placeholder="请填写频道ID">
    </div>
    <small id="channel-id-help" class="form-text text-danger"></small>
  </div>
  <div class="form-group">
    {{#if isCreatingChannel}}
      <button type="button" class="btn btn-primary btn-block" disabled>
        <div class="btn-loading"><div></div></div>
      </button>
    {{else}}
      <button type="button" class="btn btn-primary btn-block" id="create-channel">创建</button>
    {{/if}}
    <button type="button" class="btn btn-light btn-block" id="back-create-channel-name">返回</button>
  </div>
</template>